import type { Metadata } from 'next';
import { notFound, permanentRedirect } from 'next/navigation';
import { Suspense } from 'react';
import { SectionSkeleton } from '@/components/satellite/skeleton';
import { Hero, TelemetryPanel } from '@/components/satellite/hero';
import { LiveMap } from '@/components/satellite/live-map';
import { Block, Head, Note } from '@/components/satellite/primitives';
import { EventsSection, HistorySection, IdentifiersSection, LaunchSection, MissionSection, OrbitSection, OwnershipSection, RegistrationSection, RelatedSection, SourcesSection } from '@/components/satellite/sections';
import { ViewBeacon } from '@/components/satellite/view-beacon';
import { Container } from '@/components/ui/section';
import { api, ApiError, safe } from '@/lib/api';
import { fmtDate, fmtInt } from '@/lib/format';
import { MISSION_LABELS, OBJECT_TYPE_LABELS, routes, SITE_NAME, SITE_URL } from '@/lib/site';
import type { SatelliteDetail } from '@/lib/types';

type Params = { params: Promise<{ slug: string }> };

async function load(slug: string): Promise<SatelliteDetail> {
  try {
    const res = await api.satellite(slug);
    return res.data;
  } catch (e) {
    if (e instanceof ApiError && e.notFound) notFound();
    throw e;
  }
}

function describe(d: SatelliteDetail): string {
  const bits: string[] = [];
  bits.push(`${d.name} (NORAD ${d.norad_id ?? '—'}${d.cospar_id ? `, COSPAR ${d.cospar_id}` : ''}) is a${d.status === 'ACTIVE' ? 'n active' : ` ${d.status.toLowerCase()}`} ${(OBJECT_TYPE_LABELS[d.object_type] ?? d.object_type).toLowerCase()}`);
  if (d.orbit_class) bits.push(`in ${d.orbit_class}`);
  if (d.operator_name) bits.push(`operated by ${d.operator_name}`);
  if (d.launch_date) bits.push(`launched ${fmtDate(d.launch_date)}${d.launch_site_name ? ` from ${d.launch_site_name}` : ''}`);
  let s = bits.join(' ') + '.';
  if (d.orbital_state) s += ` Perigee ${fmtInt(d.orbital_state.perigee_km)} km, apogee ${fmtInt(d.orbital_state.apogee_km)} km, inclination ${d.orbital_state.inclination.toFixed(2)}°.`;
  else if (d.decay_date) s += ` Decayed ${fmtDate(d.decay_date)}.`;
  s += ' Live position, orbital elements, history and sources on SatelliteIndex.';
  return s;
}

export async function generateMetadata({ params }: Params): Promise<Metadata> {
  const { slug } = await params;
  const d = await safe(api.satellite(slug));
  if (!d) return { title: 'Satellite', robots: { index: false } };
  const s = d.data;
  const title = `${s.name} — Live Orbit, NORAD ${s.norad_id ?? '—'}`;
  const description = describe(s);
  const canonical = routes.satellite(s.slug);
  return {
    title,
    description,
    alternates: { canonical },
    openGraph: { title, description, url: `${SITE_URL}${canonical}`, type: 'article', siteName: SITE_NAME },
    twitter: { card: 'summary_large_image', title, description },
  };
}

/** Streams after the shell: the history endpoint is the slowest call and must never delay the redirect/404 decision. */
async function OrbitWithHistory({ d }: { d: SatelliteDetail }) {
  const history = d.norad_id !== null ? ((await safe(api.satelliteHistory(d.slug)))?.data ?? null) : null;
  return <OrbitSection d={d} history={history} />;
}

export default async function SatellitePage({ params }: Params) {
  const { slug } = await params;
  const d = await load(slug);
  if (d.redirected_from || d.slug !== slug) permanentRedirect(routes.satellite(d.slug));

  const ident = String(d.norad_id ?? d.slug);
  const hasElements = d.orbital_state !== null;

  const jsonLd = {
    '@context': 'https://schema.org',
    '@type': 'Thing',
    name: d.name,
    alternateName: d.aliases.map((a) => a.alias).filter((a) => a !== d.name),
    identifier: [
      d.norad_id !== null ? { '@type': 'PropertyValue', propertyID: 'NORAD', value: String(d.norad_id) } : null,
      d.cospar_id ? { '@type': 'PropertyValue', propertyID: 'COSPAR', value: d.cospar_id } : null,
    ].filter(Boolean),
    url: `${SITE_URL}${routes.satellite(d.slug)}`,
    description: describe(d),
    additionalType: 'https://schema.org/Dataset',
    subjectOf: { '@type': 'Dataset', name: `${d.name} orbital elements`, description: 'Latest two-line element set and derived orbital parameters', license: 'https://celestrak.org/NORAD/documentation/', isAccessibleForFree: true, creator: d.sources.map((s) => ({ '@type': 'Organization', name: s.name })) },
  };

  return (
    <Container wide>
      <ViewBeacon type="satellite" id={d.id} />
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />

      <Hero d={d} />

      {/* Two-column terminal layout. DOM order = visual order on every breakpoint: live map → telemetry panel → deep sections. */}
      <div className="lg:grid lg:grid-cols-[minmax(0,1fr)_340px] lg:gap-x-10 xl:grid-cols-[minmax(0,1fr)_380px]">
        <Block id="live" className="lg:col-start-1 lg:row-start-1 lg:pt-0">
          <Head eyebrow="Live position" title={hasElements ? 'Ground track & current position' : 'Live position'}>
            {hasElements && <p className="mt-1 text-xs text-ink-3">Propagated client-side every 5 s from the latest element set (SGP4). Accuracy degrades with element age.</p>}
          </Head>
          {hasElements ? (
            <LiveMap ident={ident} name={d.name} initial={d.live && d.live.error == null ? d.live : null} sourceEpoch={d.orbital_state?.epoch ?? null} />
          ) : (
            <Note>
              Live position unavailable — {d.status === 'DECAYED' ? `this object re-entered the atmosphere${d.decay_date ? ` on ${fmtDate(d.decay_date)}` : ''} and is no longer tracked.` : 'no public orbital element set exists for this object (it may be classified, untracked or too small to catalogue).'}
            </Note>
          )}
        </Block>

        <aside className="lg:col-start-2 lg:row-span-2 lg:row-start-1 lg:self-start lg:pt-0 lg:sticky lg:top-[calc(var(--header-h)+1rem)]" aria-label="Telemetry readout">
          <div className="py-6 lg:py-0">
            <TelemetryPanel d={d} />
          </div>
        </aside>

        <div className="lg:col-start-1 lg:row-start-2 divide-y divide-[color:var(--rule)]">
          <Suspense fallback={<SectionSkeleton rows={12} chart title="Loading orbital elements" />}>
            <OrbitWithHistory d={d} />
          </Suspense>
          <MissionSection d={d} />
          <OwnershipSection d={d} />
          <LaunchSection d={d} />
          <HistorySection d={d} />
          <RegistrationSection />
          <SourcesSection d={d} />
          <EventsSection d={d} />
          <RelatedSection d={d} />
          <IdentifiersSection d={d} />
        </div>
      </div>

      <p className="pb-10 pt-4 text-2xs text-ink-3">
        Orbit class, mission type and constellation membership are derived by SatelliteIndex ({MISSION_LABELS[d.mission_type ?? 'unknown'] ?? d.mission_type}) — see the <a className="hover:text-accent" href={routes.methodology()}>methodology</a>. Positions are propagated estimates, not tracking measurements; never use them for conjunction assessment.
      </p>
    </Container>
  );
}